:root {
  /* FONTS */
  --font-family-main: 'Inter', sans-serif;

  /* small text */
  --font-size-small: 12px;
  --font-line-small: 16px;
  --font-small: 400 var(--font-size-small) / var(--font-line-small) var(--font-family-main);
  --font-bold-small: 600 var(--font-size-small) / var(--font-line-small) var(--font-family-main);

  /* medium text */
  --font-size-medium: 14px;
  --font-line-medium: 24px;
  --font-regular-14: 400 var(--font-size-medium) / var(--font-line-medium) var(--font-family-main);
  --font-medium-14: 500 var(--font-size-medium) / var(--font-line-medium) var(--font-family-main);
  --font-medium-16: 500 var(--font-size-regular) / var(--font-line-medium) var(--font-family-main);
  --font-bold-14: 700 var(--font-size-medium) / var(--font-line-medium) var(--font-family-main);

  /* regular text */
  --font-size-regular: 16px;
  --font-line-regular: 24px;
  --font-regular-16: 400 var(--font-size-regular) / var(--font-line-regular) var(--font-family-main);
  --font-bold-16: 700 var(--font-size-regular) / var(--font-line-regular) var(--font-family-main);

  /* H */
  --font-h1: 700 20px / 36px var(--font-family-main);
  --font-h2: 700 18px / 24px var(--font-family-main);
  --font-h3: 600 16px / 24px var(--font-family-main);

  /* Large */
  --font-large: 600 26px / 36px var(--font-family-main);

  /* links */
  --font-small-link: 400 var(--font-size-small) / var(--font-line-small) var(--font-family-main);
  --font-regular-link: 400 var(--font-size-medium) / var(--font-line-medium) var(--font-family-main);
}
